﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>::Happy - โทรศัพท์แบบเติมเงินจากดีแทค::</title>
        <link href="${RESOURCE}/css/global.css" rel="stylesheet" type="text/css" />
        <link href="${RESOURCE}/css/customize.css" rel="stylesheet" type="text/css" />
        <script src="${RESOURCE}/tha/include/AC_RunActiveContent.js" type="text/javascript"></script>
        <script src="${RESOURCE}/scripts/jquery-1.4.2.min.js" type="text/javascript"></script>
        <script src="${RESOURCE}/scripts/PageAction.js" type="text/javascript"></script>
        <script src="${RESOURCE}/scripts/validator.js" type="text/javascript"></script>
        <script type="text/javascript">
            function doCancel() {

                var f = document.forms[0];

                if(isNoCheckBox(f.packExist)){

                    alert("กรุณาเลือกบริการที่ต้องการยกเลิก");

                    f.packExist.focus();

                }else{

                    var msg = "<br/>คุณเลือกยกเลิกการใช้บริการ<br/><br/>กรุณากดตกลงเพื่อยืนยันการทำรายการ<br/><br/>";

                    var w = 400;

                    var h = 170;

                    var l = (screen.width - w) / 2;

                    var t = (screen.height - h ) / 2;

                    f.hdConfirmMsg.value = msg;

                    f.mode.value = "cancel";

                    window.open("/bp3/bin/confirm?mode=N", "VoiceMailSystem", "width=" + w + ", height=" + h + ", top=" + t + ", left=" + l);

                }

            }

            function doEdit() {

                var f = document.forms[0];

                var msg = "<br/>คุณเลือกเปลี่ยนแปลงภาษาของข้อความตัวอักษร (SMS) หรือ ระบบเสียงตอบรับอัตโนมัติ (IVR) <br/><br/>กรุณากดตกลงเพื่อยืนยันการทำรายการ<br/><br/>";

                var w = 550;

                var h = 170;

                var l = (screen.width - w) / 2;

                var t = (screen.height - h ) / 2;

                f.hdConfirmMsg.value = msg;

                f.mode.value = "edit";

                window.open("/bp3/bin/confirm?mode=N", "VoiceMailSystem", "width=" + w + ", height=" + h + ", top=" + t + ", left=" + l);

            }

            function doApply(){

                var f = document.forms[0];

                var element = "";

                if(isNoCheckBox(f.packNotExist)){

                    alert("กรุณาเลือกบริการที่ต้องการสมัคร");

                    f.packNotExist.focus();

                }else{

                    for(var i=0;i<f.packNotExist.length;i++){

                        if(f.packNotExist[i].checked){

                            element = f.packNotExist[i].id;

                        }

                    }

                    if(f.packNotExist.checked){

                        element = f.packNotExist.id;

                    }

                    var msg = "<br/>คุณเลือกสมัครใช้บริการ " +  element  + "<br/>โดยไม่ต้องเสียค่าธรรมเนียมการสมัคร<br/><br/>กรุณากดตกลงเพื่อยืนยันการทำรายการ<br/><br/>";

                    var w = 400;

                    var h = 170;

                    var l = (screen.width - w) / 2;

                    var t = (screen.height - h ) / 2;

                    f.hdConfirmMsg.value = msg;

                    f.mode.value = "apply";

                    window.open("/bp3/bin/confirm?mode=N", "VoiceMailSystem", "width=" + w + ", height=" + h + ", top=" + t + ", left=" + l);

                }

            }
        </script>

    </head>
    <body>
        <div id="header">
            <%@ include file="../head.jsp" %>
        </div>

        <div id="container">
            <div id="pathway"><a href="${pageContext.request.contextPath}/index.html" class="link2">บริการผ่านเว็บ</a> &gt; <a href="${pageContext.request.contextPath}/index.html?page=Welcome" class="link2">ข้อมูลส่วนตัวและแพ็กเกจ</a> &gt; <a class="link2">*77 สบายใจกับทุกสายเรียกเข้า</a></div>
            <div id="main">
                <%@ include file="../menu.jsp" %>
                <div id="content">
                    <div class="content-middle">

                        <!--เนื้อหาเริ่มที่นี่-->
                        <table width="100%" cellpadding="2" cellspacing="2" height="500">
                            <tr>
                                <td valign="top">

                                    <table width="650" border="0" cellspacing="0" cellpadding="0">
                                        <!--SVLT.VAR:CONF_TOP-->
                                        <%@ include file="../control_panel.jsp" %>

                                        <tr>
                                            <td><table width="100%" border="0" cellspacing="3" cellpadding="0">
                                                    <tr>
                                                        <td width="2%"><img src="${RESOURCE}/tha/images/14_webservice_bullet01.gif" width="9" height="9" /></td>
                                                        <td width="98%" class="textnormal_bold"><img src="${RESOURCE}/tha/images/14_webservice_subtitle25.gif" width="350" height="22" border="0" /></td>
                                                    </tr>
                                                    <tr>
                                                        <td>&nbsp;</td>
                                                        <td class="textnormal">บริการที่ช่วยคุณจัดการ
                                                            ทุกการโทร ศึกษารายละเอียดบริการเสริม
                                                            <a href="javascript:void(0);" class="textnormalpink_bold" onclick="window.open('http://vas.happy.co.th/home.htm','nonumberdetail','scrollbars=yes,width=700,height=600');">คลิกที่นี่</a></td>
                                                    </tr>
                                                </table></td>
                                        </tr>
                                        <tr>
                                            <td height="15" align="left">
                                                <br/>
                                                <table width="85%" border="0" align="center" cellpadding="2" cellspacing="2">
                                                    <tr>
                                                        <td width="45%" height="30" align="center" bgcolor="#11A5C6"><span class="textnormalwhite_bold">สมัครหรือเปลี่ยนแปลงบริการเสริม</span></td>
                                                    </tr>
                                                    <tr>
                                                        <td align="left"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                                <tr>
                                                                    <td width="1"><img src="${RESOURCE}/tha/images/14_table_01.gif" width="10" height="10" /></td>
                                                                    <td background="${RESOURCE}/tha/images/14_table_05.gif"><img src="${RESOURCE}/tha/images/14_table_05.gif" width="10" height="10" /></td>
                                                                    <td width="1"><img src="${RESOURCE}/tha/images/14_table_02.gif" width="10" height="10" /></td>
                                                                </tr>
                                                                <tr>
                                                                    <td background="${RESOURCE}/tha/images/14_table_06.gif"><img src="${RESOURCE}/tha/images/14_table_06.gif" width="10" height="10" /></td>
                                                                    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                                            <tr>
                                                                                <td height="25" colspan="2" class="textnormal_bold">บริการที่สมัครไว้แล้ว</td>
                                                                            </tr>
                                                                            <!--SVLT.LOOP:resultExist-->
                                                                            <tr  bgcolor="<!--SVLT.VAR:bgExist-->">
                                                                                <td width="20"><input type="radio" name="packExist" /></td>
                                                                                <td  width="492" class="textnormal">
                                                                                    <!--SVLT.VAR:suppPackageExist--></td>
                                                                            </tr>
                                                                            <tr>
                                                                                <td height="1" colspan="2"><img src="${RESOURCE}/tha/images/clear.gif" width="1" height="1" /></td>
                                                                            </tr>
                                                                            <!--SVLT.END:resultExist-->
                                                                        </table>
                                                                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                                            <tr>
                                                                                <td width="70%" align="right"><table width="95%" border="0" cellspacing="3" cellpadding="0">
                                                                                        <tr>
                                                                                            <td width="2%" valign="baseline"><img src="${RESOURCE}/tha/images/bullet_grey.gif" width="9" height="9" /></td>
                                                                                            <td width="98%" align="left" class="textnormal"><span class="textredsmall">หากต้องการยกเลิกการใช้บริการ
                                                                                                    ให้คลิกที่</span>
                                                                                                <span class="textredsmall">
                                                                                                    <img src="${RESOURCE}/tha/images/14_webservice_radio_button.gif" />
                                                                                                    และกดปุ่ม &quot;ยกเลิก&quot;</span></td>
                                                                                        </tr>
                                                                                    </table></td>
                                                                                <td align="right" valign="bottom"><table width="1%" border="0" cellspacing="0" cellpadding="5">
                                                                                        <tr>
                                                                                            <td width="97%" height="45"><a href="javascript:cancel()"><img src="${RESOURCE}/tha/images/14_webservice_cancel.gif" width="58" height="23" border="0" /></a></td>
                                                                                        </tr>
                                                                                    </table></td>
                                                                            </tr>
                                                                        </table></td>
                                                                    <td background="${RESOURCE}/tha/images/14_table_07.gif"><img src="${RESOURCE}/tha/images/14_table_07.gif" width="10" height="10" border="0" /></td>
                                                                </tr>
                                                                <tr>
                                                                    <td><img src="${RESOURCE}/tha/images/14_table_03.gif" width="10" height="10" /></td>
                                                                    <td background="${RESOURCE}/tha/images/14_table_08.gif"><img src="${RESOURCE}/tha/images/14_table_08.gif" width="10" height="10" /></td>
                                                                    <td><img src="${RESOURCE}/tha/images/14_table_04.gif" width="10" height="10" /></td>
                                                                </tr>
                                                            </table></td>
                                                    </tr>
                                                    <tr>
                                                        <td align="left">&nbsp;</td>
                                                    </tr>
                                                    <tr>
                                                        <td align="left"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                                <tr>
                                                                    <td width="1"><img src="${RESOURCE}/tha/images/14_table_01.gif" width="10" height="10" /></td>
                                                                    <td background="${RESOURCE}/tha/images/14_table_05.gif"><img src="${RESOURCE}/tha/images/14_table_05.gif" width="10" height="10" /></td>
                                                                    <td width="1"><img src="${RESOURCE}/tha/images/14_table_02.gif" width="10" height="10" /></td>
                                                                </tr>
                                                                <tr>
                                                                    <td><img src="${RESOURCE}/tha/images/14_table_06.gif" width="10" height="10" /></td>
                                                                    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                                            <tr>
                                                                                <td height="25" colspan="2" class="textnormal_bold">บริการอื่นที่ยังไม่ได้สมัคร</td>
                                                                            </tr>
                                                                            <!--SVLT.LOOP:resultNotExist-->
                                                                            <tr bgcolor="<!--SVLT.VAR:bgNotExist-->">
                                                                                <td width="20"><input type="radio" name="packNotExist" /></td>
                                                                                <td width="492" class="textnormal">
                                                                                    <!--SVLT.VAR:suppPackageNotExist--></td>
                                                                            </tr>
                                                                            <tr>
                                                                                <td height="1" colspan="2"><img src="${RESOURCE}/tha/images/images/clear.gif" width="1" height="1" /></td>
                                                                            </tr>
                                                                            <!--SVLT.END:resultNotExist-->
                                                                        </table>
                                                                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                                            <tr>
                                                                                <td width="70%" align="right"><table width="95%" border="0" cellspacing="3" cellpadding="0">
                                                                                        <tr>
                                                                                            <td width="2%" valign="baseline"><img src="${RESOURCE}/tha/images/bullet_grey.gif" width="9" height="9" /></td>
                                                                                            <td width="98%" align="left" class="textnormal"><span class="textredsmall">หากต้องการสมัครบริการ
                                                                                                    ให้คลิกที่ </span>
                                                                                                <span class="textredsmall">
                                                                                                    <img src="${RESOURCE}/tha/images/14_webservice_radio_button.gif" />
                                                                                                    และกดปุ่ม &quot;สมัคร&quot;</span></td>
                                                                                        </tr>
                                                                                    </table></td>
                                                                                <td align="right" valign="bottom"><table width="1%" border="0" cellspacing="0" cellpadding="5">
                                                                                        <tr>
                                                                                            <td height="45"><a href="javascript:apply()"><img src="${RESOURCE}/tha/images/14_gointer_apply_btn2.gif" width="67" height="23" border="0" /></a></td>
                                                                                        </tr>
                                                                                    </table></td>
                                                                            </tr>
                                                                        </table></td>
                                                                    <td background="${RESOURCE}/tha/images/14_table_07.gif"><img src="${RESOURCE}/tha/images/14_table_07.gif" width="10" height="10" border="0" /></td>
                                                                </tr>
                                                                <tr>
                                                                    <td><img src="${RESOURCE}/tha/images/14_table_03.gif" width="10" height="10" /></td>
                                                                    <td background="${RESOURCE}/tha/images/14_table_08.gif"><img src="${RESOURCE}/tha/images/14_table_08.gif" width="10" height="10" /></td>
                                                                    <td><img src="${RESOURCE}/tha/images/14_table_04.gif" width="10" height="10" /></td>
                                                                </tr>
                                                            </table></td>
                                                    </tr>
                                                    <tr>
                                                        <td align="left">&nbsp;</td>
                                                    </tr>
                                                    <tr>
                                                        <td align="left"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                                <tr>
                                                                    <td width="1"><img src="${RESOURCE}/tha/images/14_table_01.gif" width="10" height="10" /></td>
                                                                    <td background="${RESOURCE}/tha/images/14_table_05.gif"><img src="${RESOURCE}/tha/images/14_table_05.gif" width="10" height="10" /></td>
                                                                    <td width="1"><img src="${RESOURCE}/tha/images/14_table_02.gif" width="10" height="10" /></td>
                                                                </tr>
                                                                <tr>
                                                                    <td background="${RESOURCE}/tha/images/14_table_06.gif"><img src="${RESOURCE}/tha/images/14_table_06.gif" width="10" height="10" /></td>
                                                                    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                                            <tr>
                                                                                <td width="512" height="25" colspan="2" class="textnormal_bold">การตั้งค่าภาษา</td>
                                                                            </tr>
                                                                        </table>
                                                                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                                            <tr>
                                                                                <td width="20" bgcolor="#EDEDED">&nbsp;</td>
                                                                                <td width="370" bgcolor="#EDEDED" class="textnormal">SMS</td>
                                                                                <td width="1" bgcolor="#EDEDED"><input name="smsLang" type="radio" value="T" /></td>
                                                                                <td width="50" bgcolor="#EDEDED"><span class="textnormal">ไทย</span></td>
                                                                                <td width="1" bgcolor="#EDEDED"><input name="smsLang" type="radio" value="E" /></td>
                                                                                <td bgcolor="#EDEDED" class="textnormal">English</td>
                                                                            </tr>
                                                                            <tr>
                                                                                <td height="1" colspan="6"><img src="${RESOURCE}/tha/images/clear.gif" width="1" height="1" /></td>
                                                                            </tr>
                                                                            <tr>
                                                                                <td width="20" bgcolor="#FFFFFF">&nbsp;</td>
                                                                                <td width="370" bgcolor="#FFFFFF" class="textnormal">IVR  *1802 </td>
                                                                                <td width="1" bgcolor="#FFFFFF"><input name="ivrLang" type="radio" value="T" /></td>
                                                                                <td width="50" bgcolor="#FFFFFF"><span class="textnormal">ไทย</span></td>
                                                                                <td width="1" bgcolor="#FFFFFF"><input name="ivrLang" type="radio" value="E" /></td>
                                                                                <td bgcolor="#FFFFFF"><span class="textnormal">English</span></td>
                                                                            </tr>
                                                                        </table>
                                                                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                                            <tr>
                                                                                <td width="70%" align="right"><table width="95%" border="0" cellspacing="3" cellpadding="0">
                                                                                        <tr>
                                                                                            <td width="2%" valign="baseline"><img src="${RESOURCE}/tha/images/bullet_grey.gif" width="9" height="9" /></td>
                                                                                            <td width="98%" align="left" class="textnormal"><span class="textredsmall">การเปลี่ยนแปลงภาษาจะมีผลทั้ง
                                                                                                    2 บริการ </span></td>
                                                                                        </tr>
                                                                                        <tr>
                                                                                            <td valign="baseline"><img src="${RESOURCE}/tha/images/bullet_grey.gif" width="9" height="9" /></td>
                                                                                            <td align="left" class="textnormal"><span class="textredsmall">หากต้องการเปลี่ยนการตั้งค่าภาษา
                                                                                                    โปรดคลิกที่ <img src="${RESOURCE}/tha/images/14_webservice_radio_button.gif" />เลือกภาษาที่ต้องการ แล้วกดปุ่ม &quot;เปลี่ยนแปลง&quot;</span></td>
                                                                                        </tr>
                                                                                    </table></td>
                                                                                <td align="right" valign="bottom"><table width="1%" border="0" cellspacing="0" cellpadding="5">
                                                                                        <tr>
                                                                                            <td height="45"><a href="javascript:edit()"><img src="${RESOURCE}/tha/images/14_gointer_chang_lan_btn.gif" width="170" height="23" border="0" /></a></td>
                                                                                        </tr>
                                                                                    </table></td>
                                                                            </tr>
                                                                        </table></td>
                                                                    <td background="${RESOURCE}/tha/images/14_table_07.gif"><img src="${RESOURCE}/tha/images/14_table_07.gif" width="10" height="10" border="0" /></td>
                                                                </tr>
                                                                <tr>
                                                                    <td height="11"><img src="${RESOURCE}/tha/images/14_table_03.gif" width="10" height="10" /></td>
                                                                    <td background="${RESOURCE}/tha/images/14_table_08.gif"><img src="${RESOURCE}/tha/images/14_table_08.gif" width="10" height="10" /></td>
                                                                    <td><img src="${RESOURCE}/tha/images/14_table_04.gif" width="10" height="10" /></td>
                                                                </tr>
                                                            </table></td>
                                                    </tr>
                                                </table>
                                                <br/>

                                                <p>&nbsp;</p>
                                                <p>&nbsp;</p></td>
                                        </tr>
                                        <!--SVLT.VAR:CONF_BOTTOM-->
                                        <%@ include file="../tail.jsp" %>
                                    </table>

                                </td>
                            </tr>
                        </table>
                        <!--เนื้อหาสิ้นสุดที่นี่-->

                    </div>
                    <div class="content-bottom"></div>
                </div>
            </div>
        </div>
        <div id="footer">
            <img src="${RESOURCE}/tha/images/copy_right.jpg" />
            <a href="http://www.dtac.co.th" target="_blank"><img src="${RESOURCE}/tha/images/dtact_logo.jpg" border="0" /></a>
            <a href="http://www.happyvirus.com" target="_blank"><img src="${RESOURCE}/tha/images/virus_icon.jpg" border="0" /></a>
        </div>
    </body>
</html>
